/* eslint-disable react-refresh/only-export-components */
import { memo } from "react";
import Preview from "./components/Preview";
import Container from "./container";
import SplitPane from "./components/SplitPane";
import FileSystem from "./components/FileSystem";

function PlayGround() {
  return (
    <SplitPane>
      <FileSystem />
      <Preview />
    </SplitPane>
  );
}

export default memo(() => {
  return (
    <Container.Provider>
      <PlayGround />
    </Container.Provider>
  );
});
